<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>我的帖子1</title>
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<link rel="stylesheet" href="../../plugins/mui/mui.min.css">
		<script src="../../js/statistics.js"></script>
		<style type="text/css">
			 *{
            box-sizing: border-box;
            font-family: 'Microsoft YaHei';
	        }
	        body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form,  input, p, table, th, td ,select,option{
	            padding: 0;
	            margin: 0;
	            list-style: none;
	        }
	        .mui-content{
	        	background: #fff;
	        }
	        
	        .mui-table-view:before{
	        	display:none;
	        }
	        .mui-table-view:after{
	        	display:none;
	        }
	        #list{
	        	background-color:transparent;
	        	/*min-height: 100vh;*/
	        }
	        
			#list >li{
				
				background-color:#fff;
				padding-top:0px;
				padding-bottom:0px;
				padding-left:0;
				padding-right:0;
				position:relative;
			}
			
			#list >li>div.context-box{
				width:100%;
				height:95px;
				position:relative;
				padding-left:2.6%;
				padding-right:2.6%;
				padding-top:10px;
				padding-bottom:10px;
				
			}
			#list >li>div.context-box>p{
				float:left;
				width:75px;
				height:75px;
				background: url() no-repeat center center;
				background-size:cover;
			}
			#list >li>div.context-box>p>img{
				width: 50%;
			}
			#list >li>div.context-box>div{
				float:left;
				height:75px;
				width:calc( 100% - 5.2% - 75px );
				position: absolute;
				left:calc(2.6% + 75px);
				background-color:#efeff4;
				padding:10px;
			}
			#list >li>div.context-box>div.none{
				float:left;
				height:75px;
				width:calc( 100% - 5.2% );
				position: absolute;
				left:2.6%!important;
			}
			#list >li>div.context-box>div>p{
				position:absolute;
				top: 50%;
				-webkit-transform: translateY(-50%) ;
				/*font-size:14px;*/
				/*后修改*/
				font-size:13px;
				color:#999;
				overflow : hidden;
				text-overflow: ellipsis;
				display: -webkit-box;
				-webkit-line-clamp: 2;
				-webkit-box-orient: vertical;
				word-break:break-all;
				padding-right:10px;
				line-height: 18px;
			}
			#list >li>div.context-box>div>span{
				position:absolute;
				right:10px;
				bottom:4px;
				font-size: 11px;
				color:#999;
				line-height: 11px;
			}

			.mui-table-view-cell:after{
				
				display:none;
			}
			/*.mui-pull{
				display:none;
			}*/
			
			.mui-btn-red{
				font-size:15px;
				background-color:#ee3b30;
			}
			.top{
				padding-top:10px;
				padding-left:2.6%;
				/*height:47px;*/
				/*后修改*/
				height:55px;
				position: relative;
			}
			.top>img{
				/*width:37px;*/
				/*height:37px;*/
				/*后修改*/
				width:45px;
				height:45px;
				
				float:left;
			}
			.top>div{
				float:left;
				
			}
			.top>div>p{
				/*font-size:14px;*/
				/*line-height: 14px;*/
				/*后修改*/
				font-size:15px;
				line-height: 15px;
				color:#333;
				position:absolute;
				top: 50%;
				-webkit-transform: translateY(-50%) ;
				margin-top:5px;
				margin-left: 5px;
				/*left:calc( 5.5% + 37px);*/
			}
			.top>div>p>a{
				color:#333;
			}
			.top>div>p>span{
				display:inline-block;
				/*margin-top:4px;*/
				/*后修改*/
				margin-top:7px;
				font-size: 11px;
				line-height: 11px;
				color:#999;
			}
			.context{
				/*font-size:14px;*/
				/*后修改*/
				font-size:15px;
				padding-left:2.6%;
				padding-right:2.6%;
				margin-top:7px;
				position:relative;
				bottom:-3px;
			}
			
			/*//空数据*/
			.kong{
				position:absolute;
				width:40%;
				top: 50%;
				left:50%;
				-webkit-transform: translateY(-50%) translateX(-50%);
				display:none;
				margin-top:-22px;
			}
			.kong>img{
				width:100%;
			}
		</style>
	</head>
	<body>
		
		<div id="refreshContainer" class="mui-content mui-scroll-wrapper">
		  <div class="mui-scroll">
		    <!--数据列表-->
		    <ul class="mui-table-view mui-table-view-chevron"  id='list'>
		    		
		    		
		    		<!--<li class="mui-table-view-cell "data-id='+p+'>-->


						<!--<div class='top'>
		    				<img src="../../images/ce2.jpg" alt="" />
		    				<div>
		    					<p><a>萨瓦迪卡</a> 评论了我 <br />
		    						<span>16-12-06 19:18</span>
		    					</p>
		    				</div>
		    			</div>
		    			<div class="context">增进传统友谊、深化互利合作</div>
						<div class="context-box">
							
							<p style='background-image: url(../../images/ce1.jpg);'></p>
							<div class="">
			    				<p>你好世界，习近平过来啦！！哈哈哈你好世界，习近平过来啦！！哈哈哈你好世界，习近平过来啦！！哈哈哈你好世界，习近平过来啦！！哈哈哈你好世界，习近平过来啦！！哈哈哈</p>
			    				<span>2017-12-15</span>
			    			</div>
						</div>
				</li>-->
		    		
		    		

		    </ul>
		     <div class='kong'>
				<img src="../../images/my/index/null.png" alt="" />
			</div>	
		  </div>
		</div>
		<script type="text/javascript" src='../../plugins/jquery/jquery-3.1.0.min.js'></script>
		<script src="../../plugins/mui/mui.min.js"></script>
		<script src="../../js/getApiToken.js"></script>
		<script src="../../js/md5.js"></script>
		<!--<script type="text/javascript" src="../plugins/mui/update.js"></script>-->
		<script type="text/javascript">
			mui.init({
			  pullRefresh : {
			    container:"#refreshContainer",//下拉刷新容器标识，querySelector能定位的css选择器均可，比如：id、.class等
			    down : {
			      height:50,//可选,默认50.触发下拉刷新拖动距离,
			      auto: false,//可选,默认false.自动下拉刷新一次
			      contentdown : "下拉可以刷新",//可选，在下拉可刷新状态时，下拉刷新控件上显示的标题内容
			      contentover : "释放立即刷新",//可选，在释放可刷新状态时，下拉刷新控件上显示的标题内容
			      contentrefresh : "正在刷新...",//可选，正在刷新状态时，下拉刷新控件上显示的标题内容
			      callback : function pullfresh1(){
			      	console.log(1)
			      	 	 myAjax('personal/my_message/getMessageList', 'get', {
									'uid': plus.storage.getItem('cg_user_id'),
//'uid':'4',
									'user_token': plus.storage.getItem('cg_user_token'),
									'page_cnt':5,
									'create_time':''
								}, function(data) {
									console.log(JSON.stringify(data))
									if(data.success){
										if(!data.data.length){
											$('.kong').show();
											console.log('////')
											mui('#refreshContainer').pullRefresh().disablePullupToRefresh();
										}else{
											console.log(data.data.length)
											$('#list').empty();
											mui('#refreshContainer').pullRefresh().endPulldownToRefresh();
											var length = data.data.length-1;
											console.log(length)
											updateTime=data.data[length].create_time;
											for(var i=0;i<data.data.length;i++){
												if(data.data[i].header.indexOf('http://') == -1 && data.data[i].header.indexOf('https://') == -1){
													data.data[i].header = _baseUrl+data.data[i].header;
												}
												var a=add(data.data[i].nickname,data.data[i].header,data.data[i].publish_time,data.data[i].content,data.data[i].front_cover,data.data[i].title,data.data[i].article_time,data.data[i].aid,data.data[i].type,data.data[i].tag_path);
												$('#list').append(a);
											}
										}
										calc();
									}else{
										mui.toast(data.error_msg);
									}
						})	 			      	 
			       }	 
			      }, //必选，刷新函数，根据具体业务来编写，比如通过ajax从服务器获取新数据；
			     up : {
				      height:50,//可选.默认50.触发上拉加载拖动距离
				      auto:false,//可选,默认false.自动上拉加载一次
				      contentrefresh : "正在加载...",//可选，正在加载状态时，上拉加载控件上显示的标题内容
				      contentnomore:'没有更多数据了',//可选，请求完毕若没有更多数据时显示的提醒内容；
				      callback :function pullfresh() {
						myAjax('personal/my_message/getMessageList', 'get', {
								'uid': plus.storage.getItem('cg_user_id'),
//'uid':'4',
								'user_token': plus.storage.getItem('cg_user_token'),
								'page_cnt':3,
								'create_time':updateTime
							}, function(data) {
								
								if(data.success){
									console.log(JSON.stringify(data))
									if(data.data.length == 0){
										mui('#refreshContainer').pullRefresh().endPullupToRefresh(true);
									}else{
										if(data.data.length < 3){
											console.log(1)
											mui('#refreshContainer').pullRefresh().endPullupToRefresh(true);
										}else{
											console.log(2)
											mui('#refreshContainer').pullRefresh().endPullupToRefresh(false);
										}
										for(var i=0;i<data.data.length;i++){
											if(data.data[i].header.indexOf('http://') == -1 && data.data[i].header.indexOf('https://') == -1){
												data.data[i].header = _baseUrl+data.data[i].header;
											}
											var a=add(data.data[i].nickname,data.data[i].header,data.data[i].publish_time,data.data[i].content,data.data[i].front_cover,data.data[i].title,data.data[i].article_time,data.data[i].aid,data.data[i].type,data.data[i].tag_path);
											$('#list').append(a);
										}
										var length = data.data.length-1;
										updateTime = data.data[length].create_time;
									}
									calc();
								}else{
									mui.toast(data.error_msg);
								}
							})
						    
					 }
				   } 
				}
			});
			
			
			
			var updateTime;//第二次ajax用来取数据
			mui.plusReady(function() {
				$('#list').css({'minHeight':document.documentElement.clientHeight});
				$('#list').delegate('li','tap',function(){
					//帖子详情跳转
					var type = $(this).attr('type');
					if(type == '1'){
						mui.openWindow({
							url: '../city/tribune_detail.html',
							id: '../city/tribune_detail.html',
							show: {
								autoShow: false, //页面loaded事件发生后自动显示，默认为true
								duration: 200 //页面动画持续时间，Android平台默认100毫秒，iOS平台默认200毫秒；
							},
							waiting: {
								title: '正在加载...' //等待对话框上显示的提示内容
							},
							extras:{
								'article_id':$(this).attr('data-id')  //扩展参数
							}
						})
					}else{
						mui.openWindow({
						url: '../city/activity_apply.html',
						id:$(this).attr('data-id'),
						show: {
							autoShow: true, //页面loaded事件发生后自动显示，默认为true
							duration: 200 //页面动画持续时间，Android平台默认100毫秒，iOS平台默认200毫秒；
						},
						waiting: {
							title: '正在加载...' //等待对话框上显示的提示内容
						},
						extras:{
							'pageid':$(this).attr('data-id')  //扩展参数
						}
					})
					}
				})
				
			console.log(plus.storage.getItem('cg_user_id'))
			//刚进来自动获取8条数据
			plus.nativeUI.showWaiting();
			 myAjax('personal/my_message/getMessageList', 'get', {
								'uid': plus.storage.getItem('cg_user_id'),
//'uid':'4',
								'user_token': plus.storage.getItem('cg_user_token'),
								'page_cnt':5,
								'create_time':''
							}, function(data) {
								console.log(JSON.stringify(data))
								plus.nativeUI.closeWaiting();
								
								if(data.success){
									if(!data.data.length){
										$('.kong').show();
										console.log('////')
										mui('#refreshContainer').pullRefresh().disablePullupToRefresh();
									}else{
										var length = data.data.length-1;
										console.log(length)
										updateTime=data.data[length].create_time;
										for(var i=0;i<data.data.length;i++){
											if(data.data[i].header.indexOf('http://') == -1 && data.data[i].header.indexOf('https://') == -1){
												data.data[i].header = _baseUrl+data.data[i].header;
											}
											var a=add(data.data[i].nickname,data.data[i].header,data.data[i].publish_time,data.data[i].content,data.data[i].front_cover,data.data[i].title,data.data[i].article_time,data.data[i].aid,data.data[i].type,data.data[i].tag_path);
											$('#list').append(a);
										}
									}
									calc();
								}else{
									mui.toast(data.error_msg);
								}
			})
			
			
		});
		
		//a1用户昵称 a2用户头像 a3 评论时间 a4 评论内容a,封面图片b,标题,d活动|帖子时间,p活动|帖子id,type类型,tag标签路径
			function add(a1,a2,a3,a4,a,b,d,p,type,tag){
				if(type == '1'){
					if(a){
						var a="<p style='background-image: url("+_baseUrl+a+");'></p>";
						var y='';
					}else{
						var a='';
						var y='none';
					}
					
	//				var c='<img src="../../images/my/index/audit-ing.png"/>'
					
					var d='<span>'+d+'</span>';
	
					
					return '<li class="mui-table-view-cell" data-id="'+p+'" type="'+type+'">'+
	//						'<div class="mui-slider-right mui-disabled">'+
	//							'<a class="mui-btn mui-btn-red" data-id='+p+'>删除</a>'+
	//						'</div>'+
	
							"<div class='top'>"+
			    				'<img src="'+a2+'" alt="" />'+
			    				'<div>'+
			    					'<p><a>'+a1+'</a> 评论了我 <br />'+
			    						'<span>'+a3+'</span>'+
			    					'</p>'+
			    				'</div>'+
			    			'</div>'+
			    			'<div class="context">'+a4+'</div>'+
							'<div class="context-box">'+
								
								a+
								'<div class="'+y+'">'+
				    				'<p>'+b+'</p>'+
				    				'<span>'+d+'</span>'+
				    			'</div>'+
							'</div>'+
							'</li>';
				}else{
					var a="<p style='background-image: url("+_baseUrl+a+");'>"+ "<img src='" +_baseUrl + tag + "'>" +"</p>";
					return '<li class="mui-table-view-cell" data-id="'+p+'" type="'+type+'">'+
	//						'<div class="mui-slider-right mui-disabled">'+
	//							'<a class="mui-btn mui-btn-red" data-id='+p+'>删除</a>'+
	//						'</div>'+
	
							"<div class='top'>"+
			    				'<img src="'+a2+'" alt="" />'+
			    				'<div>'+
			    					'<p><a>'+a1+'</a> <br />'+
			    						'<span>'+a3+'</span>'+
			    					'</p>'+
			    				'</div>'+
			    			'</div>'+
			    			'<div class="context">'+a4+'</div>'+
							'<div class="context-box">'+
								
								a+
								'<div>'+
				    				'<p>'+b+'</p>'+
				    				'<span>'+d+'</span>'+
				    			'</div>'+
							'</div>'+
							'</li>';
				}
				
				
			}
			
			
			//适配CSScalc函数
			function calc(){
				$('.top>div>p').css({'left':document.body.clientWidth*0.055+37+'px'});
				$('#list>li>div.mui-slider-handle>div').css({'width':document.body.clientWidth*0.922 -75+'px'});
				$('#list>li>div.mui-slider-handle>div').css({'left':document.body.clientWidth*0.052 + 75 +'px'});
				$('#list >li>div.mui-slider-handle>div.none').css({'width':document.body.clientWidth*0.948+'px'});
			}
		</script>
	</body>
</html>
